import axios from 'axios'
import store from '../store/index'
import router from '../router/index'

const request = axios.create({
  baseURL: 'http://geek.itheima.net/v1_0/'

})

// 拦截器
// 添加请求拦截器
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么 在请求头上加token
  if (store.state.user.token && config.url !== 'authorizations') {
    config.headers.Authorization = `Bearer ${store.state.user.token}`
  }

  return config
}, function (error) {
  // 对请求错误做些什么

  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么  ==>简化传送的数据
  return {
    status: response.status,
    data: response.data.data
  }
}, async function (error) {
  // console.log(error.config)
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  // console.dir(error)
  /**
       * 思路：
       * 1） 没有登录=》没有token
       * 跳转回登录页面（带上上次访问页面的地址）
       *
       * 2） 已经登录（核心）=》有token=》{token:发请求, refresh_token：token失效，更新时使用}
       * 1. token过期了，refresh_token没有过期 =》使用refresh_token发请求，更新过期token=》重新发送上次401的请求
       * 2. token过期了，refresh_token过期了 =》跳转回登录页面（带上上次访问页面的地址）
       */
  const loginPath = `/login?redirectUrl=${router.currentRoute.path}`
  try {
    const { user } = store.state
    if (error.response && error.response.status === 401) {
      // 1.当没有登录的时候
      if (!user.token && !user.refresh_token) {
        router.replace(loginPath)
        return Promise.reject(error)
      }
      // 2. 当token失效的时候
      const { data } = await request({
        method: 'put',
        url: 'authorizations',
        headers: {
          Authorization: `Bearer ${user.refresh_token}`
        }
      })
      // console.log(data)
      // 存储新token
      store.commit('setToken', {
        token: data.token,
        refresh_token: user.refresh_token
      })
      // 重点：重新发送401的请求
      return request(error.config)
    }
  } catch {
    //  3.当都失效的时候
    router.replace(loginPath)
    return Promise.reject(error)
  }

  return Promise.reject(error)
})

export default request
